<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- bootstrap -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
    integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
    integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
    crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-7ymO4nGrkm372HoSbq1OY2DP4pEZnMiA+E0F3zPr+JQQtQ82gQ1HPY3QIVtztVua"
    crossorigin="anonymous"></script>
  <!-- bootstrap -->
  <script src="public/jQuery.min.js"></script>
   <!-- 地图 -->
   <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=D3n6vyB2Z1dbL9Mp4sSlP0gBf69CkSgi"></script>
  <link rel="stylesheet" href="./css/callus.css">
  <title>联系我们</title>
</head>

<body>
  <div id="callus">
    <header></header>
    <div class="callusbox">
      <div class="cutopbox">
        <div class="container">
          <div class="row">
            <div class="col-md-6">
              <div class="cutleftbox">
                <p class="cutltit">取得联系</p>
                <p class="cutltext">通过联系表格给我们留言。我们将尽最大努力尽快回复。</p>
                <div class="cutlform">
                  <!-- 表单 -->
                  <form>
                    <div class="form-row">
                      <div class="form-group col-md-6">
                        <input type="text" class="form-control" id="inputName" placeholder="姓名">
                      </div>
                      <div class="form-group col-md-6">
                        <input type="email" class="form-control" id="inputEmail4" placeholder="电子邮件">
                      </div>
                    </div>
                    <div class="form-row">
                      <div class="form-group col-md-6">
                        <input type="tel" class="form-control" id="inputTel" placeholder="电话">
                      </div>
                      <div class="form-group col-md-6">
                        <input type="text" class="form-control" id="inputTheme" placeholder="主题">
                      </div>
                    </div>
                    <div class="form-group">
                      <textarea class="form-control" id="exampleFormControlTextarea1" rows="3" placeholder="消息"></textarea>
                    </div>
                    <button type="submit" class="btn btn-primary">给我们留言</button>
                  </form>
                  <!-- 表单 -->
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="cutrightbox">
                <div class="rightone">
                  <img src="./img/index/position.png" alt="" class="rightoneimg">
                  <div class="rightonetext">
                    <p>医院位置</p>
                    <p>4499巴顿巷罗利，NC7603</p>
                  </div>
                </div>
                <div class="rightone">
                  <img src="./img/index/position.png" alt="" class="rightoneimg">
                  <div class="rightonetext">
                    <p>致电我们</p>
                    <p>+1800-123-4567<br/>
                      +1800-123-4889
                    </p>
                  </div>
                </div>
                <div class="rightone">
                  <img src="./img/index/position.png" alt="" class="rightoneimg">
                  <div class="rightonetext">
                    <p>给我们发电子邮件</p>
                    <p>info@asiahospital.com<br/>
                      info@multispecialist.com</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="cutbotbox">
        <div class="map">
          <div id="con"></div>
        </div>
      </div>
      <footer></footer>
    </div>

    <script>
      // 头部尾部
      $(function () {
        $("header").load("./header.html")
        $("footer").load("./footer.html")
      });
        // 头部尾部
        // 地图
        var map = new BMapGL.Map('con')
      map.centerAndZoom(new BMapGL.Point(117.6283, 36.311008), 18)
      map.enableScrollWheelZoom(true);
    </script>
</body>

</html>